<template>
	<div class="sy-container">
		<div class="a1">
			<section class="gd1">
				<a class="gd1_a" href="/Mobile"></a>
				<h3>
					资质计算器
					<a href="tel:400-855-1888" class="chj_right"><img src="~/assets/img/chj_phone.png"/></a>
				</h3>

			</section>
			<section class="jsq1">
			</section>
			<section class="jsq2">
				<h3>智能报价</h3>
				<p class="p1">
					资质报价为
					<span>
						<span style="font-weight: bold;font-size: 0.24rem;" v-text="jsnr22 + '万元'"></span>
					</span>
				</p>
        <ul class="chjm_cal_xzdnr af">
          <li v-for="(data,i) in xzdnr" :key="i" :class="'li'+i" >{{data}} <a href="javascript:;" @click="qcxz(i)"></a></li>
        </ul>
				<p class="p2" :class="xl1?'select':''" @click="xl1==0?xl1=1:xl1=0">{{name1?name1:'资质序列'}}<span></span></p>
				<p class="p3 p2" :class="xl2?'select':''" @click="xl2==0?xl2=1:xl2=0">{{name2?name2:'资质专业'}}<span></span></p>
				<p class="p4 p2" :class="xl3?'select':''" @click="xl3==0?xl3=1:xl3=0">{{name3?name3:'资质等级'}}<span></span></p>
				<p class="p5"><input type="text" placeholder="输入手机号，获取更多精准报价服务" v-model="sjh"></input>
				</p>
				<p class="p6" :class="xl4?'select':''" @click="xl4==0?xl4=1:xl4=0"><span></span>我已阅读并同意
					<a href="javascript:;">《隐私保护政策》</a>
				</p>
				<a href="javascript:;" class="mshq" @click="hqbj">马上获取报价</a>
			</section>
			<!--<section class="jsq3">
				<h4>
      </h4>
				<ul>
					<li><img src="~/assets/img/m-jsq31.png" class="img1">
						<p>工商服务</p>
					</li>
					<li><img src="~/assets/img/m-jsq32.png" class="img2">
						<p>财税服务</p>
					</li>
					<li><img src="~/assets/img/m-jsq33.png" class="img3">
						<p>知识产权</p>
					</li>
					<li><img src="~/assets/img/m-jsq34.png" class="img4">
						<p>人事社保</p>
					</li>
					<li class="li5"><img src="~/assets/img/m-jsq35.png" class="img5">
						<p>资质代办</p>
					</li>
				</ul>

			</section>-->
			<section class="jsq4">
				<div class="jsq4_top">
					<h5 class="jsq4top_tit">全国免费服务热线 :400-855-1888</h5>
					<ul class="jsq4top_ul af">
						<a href="https://m.jzzx.org.cn/list-15-1.html">
							<li>
								<img src="~/assets/img/chj_zzjsq_guanyu.png"/>
								<span>关于我们</span>
							</li>
						</a>
						<a href="https://m.jzzx.org.cn/list-15-1.html">
							<li>
								<img src="~/assets/img/chj_zizhi_lianxi.png"/>
								<span>联系我们</span>
							</li>
						</a>
						<a href="https://m.jzzx.org.cn/list-15-1.html">
							<li>
								<img src="~/assets/img/chj_zzjsq_dizhi.png"/>
								<span>公司地址</span>
							</li>
						</a>
					</ul>
				</div>
			</section>
				<div class="jsq4_bottom">
					<p class="jsq4bom_p1">&copy;Copyright C 2015-2018 All Rights Reserved</p>
					<p class="jsq4bom_p2">版权所有 中海启航建筑咨询有限公司    苏ICP备18034696号</p>
				</div>
			<div class="mb-dbxtc" :style="xl1==1?'display:block':'display:none'">
				<div class="mc" @click="xl1=0">
				</div>
				<div class="fmc">
					<div class="top">
						<a href="javascript:;" class="fh" @click="ret()">返回</a>
						<a href="javascript:;" class="qd" @click="next()">确定</a>
					</div>
					<div class="ct">
						<ul class="" style="margin-top: .8rem;">
							<li v-for="(data,id) in title.cs.data" :key="id" :class="li1==id?'select':''" @click="infoname(id,data.id,data.infoname)">{{data.infoname}}</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="mb-dbxtc mb-dbxtc2" :style="xl2==1?'display:block':'display:none'">
				<div class="mc" @click="xl3=0">
				</div>
				<div class="fmc">
					<div class="top">
						<a href="javascript:;" class="fh" @click="ret2()">返回</a>
						<a href="javascript:;" class="qd" @click="next2()">确定</a>
					</div>
					<div class="ct">
						<ul class="" style="margin-top: .8rem;">
							<li v-for="(data,id) in twonr?twonr:['不分专业']" :key="id" :class="li2==id?'select':''" @click="infoname2(id,data.id,data.infoname)">{{data.infoname}}</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="mb-dbxtc mb-dbxtc3" :style="xl3==1?'display:block':'display:none'">
				<div class="mc" @click="xl3=0">
				</div>
				<div class="fmc">
					<div class="top">
						<a href="javascript:;" class="fh" @click="xl3=0">返回</a>
						<a href="javascript:;" class="qd" @click="xl3=0">确定</a>
					</div>
					<div class="ct">
						<ul class="" style="margin-top: .8rem;">
							<li v-for="(data,id) in threenr?threenr:['不分等级']" :key="id" :class="li3==id?'select':''" @click="infoname3(id,data.id,data.infoname)">{{data.infoname}}</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="bdtjtc2" style="background: rgba(0,0,0,.7);color: white;">
				<span style="color: white; font-size: .5rem;margin-top: .2rem;">×</span>
				<em style="display: inline-block;line-height: 2.6rem;">{{tcmsg}}</em>
			</div>
		</div>
		<!--表格-->
		<div class="a2">
			<section class="gd1">
				<a class="gd1_a" href="javascript:;" @click="back2()"></a>
				<h3>资质计算器</h3>
			</section>
			<div class="jsqct3 jsqct jgxq" :class="jsnr22=='面议'?'':'select'">
				<h3>价格详情及人员配置</h3>
				<ul class="feiyong af" v-if="jsnrdata">
					<li>人员费用 :  <br /><span>{{jsnrdata.staffPrice}} (万元)</span></li>
					<li>服务费用 : <br /> <span>{{jsnrdata.offerprice}} (万元)</span></li>
					<li>业绩费用 : <br /> <span>{{jsnrdata.performance}} (万元)</span></li>
					<li>总价 : <br />  <span>{{jsnrdata.total}} (万元)</span></li>
				</ul>
				<table class="pztb pztb1 select">
					<tbody>
					<tr class="tr1" v-if="!jsnrdatast">
						<th class="td1" colspan="2">费用分类</th>
						<th class="td3">配置明细</th>
						<th class="td4">单价（万）</th>
						<th class="td5">小计（万）</th>
					</tr>
					<tr class="tr2" :style="jsnrdatast==null?'':'display:none'" v-if="!jsnrdatast">
						<td class="td1" :rowspan="jsdtlbs">人员费用 <br>（建议配置）</td>
						<td class="td2">二级建造师（5人）</td>
						<td class="td3">建筑工程（5人）</td>
						<td class="td4">3 - 3.2</td>
						<td class="td5">15 - 16</td>
					</tr>
					<tr class="tr3" :style="jsnrdatast==null?'':'display:none'" v-if="!jsnrdatast">
						<td class="td2" rowspan="3">{{jsnrdata?jsnrdata.staff[0].superiorname:'职称人员'}}（5人)</td>
						<td class="td3">给排水（1人）</td>
						<td class="td4">0.8- 1</td>
						<td class="td5" rowspan="3">4.8 - 6</td>
					</tr>
					<tr class="tr3" :style="jsnrdatast==null?'':'display:none'" v-if="!jsnrdatast">
						<td class="td3">电气（1人）</td>
						<td class="td4">0.8- 1</td>
					</tr>
					<tr class="tr3" :style="jsnrdatast==null?'':'display:none'" v-if="!jsnrdatast">
						<td class="td3">结构（4人）</td>
						<td class="td4">0.8- 1</td>
					</tr>
					<tr class="tr6" :style="jsnrdatast==null?'':'display:none'" v-if="!jsnrdatast">
						<td class="td2">技工人员（30人）</td>
						<td class="td3">电工（30人）</td>
						<td class="td4">0.05-0.07</td>
						<td class="td3">1.5 -2.1</td>
					</tr>

					<!--<tr class="tr2" v-for="(data,i) in jsnrdatast" :key="i" :name="data">-->
					<!--<td class="td1" v-if="i==0" :rowspan="jsnrdatast.length">人员费用 <br>（建议配置）</td>-->
					<!--<td class="td2" :rowspan="Object.keys(data).length-1">{{data?data.superiorname:''}}</td>-->
					<!--<td class="td3">{{data['0'].staff_name}} ({{data['0'].number}}人)</td>-->
					<!--<td class="td4">{{data['0'].price}}</td>-->
					<!--<td class="td5" :rowspan="Object.keys(data).length-1">{{data['0'].priceTotal+data['1']?data['1'].priceTotal:0+data['2']?data['2'].priceTotal:0+data['3']?data['3'].priceTotal:0+data['4']?data['4'].priceTotal:0}}</td>-->
					<!--</tr>-->

					<tr class="tr7" v-if="!jsnrdatast">
						<td class="td1">业绩费用</td>
						<td class="td2">技术负责人（1人）</td>
						<td class="td3">——</td>
						<td class="td4">{{jsnrdata?jsnrdata.performance:'0.2'}}</td>
						<td class="td3">{{jsnrdata?jsnrdata.performance:'0.2'}}</td>
					</tr>
					<tr class="tr8" v-if="!jsnrdatast">
						<td class="td1">服务费用</td>
						<td class="td2">服务代理项（1项）</td>
						<td class="td3">——</td>
						<td class="td4">{{jsnrdata?jsnrdata.offerprice:'7-9'}}</td>
						<td class="td3">{{jsnrdata?jsnrdata.offerprice:'7-9'}}</td>
					</tr>
					<tr class="tr9" v-if="!jsnrdatast">
						<td class="td1" colspan="2">总计</td>
						<td class="td2" colspan="2">人员费用 + 业绩费用 + 服务费用</td>
						<td class="td3">{{jsnrdata?jsnrdata.total:'28.5 -33.3'}}</td>
					</tr>
					<tr class="tr10">
						<td class="td1" :colspan="5">人员配置，是根据各专业人员的价格、市场存量及共用性等因素，科学计算后得出，该报价受国家政策、地区、服务周期等多因素影响，请酌情参考，精准报价请咨询建筑资质顾问</td>
					</tr>
					</tbody>
				</table>

			</div>

			<div class="aa">


			<div class="hsqct2 jsqct zzbz"  v-if="zzbzcode == 1">
				<h3>资质标准</h3>
				<div class="ct" style="height: 7.5rem;overflow-x: auto;">
					<table class="bztb">

						<tr class="tr1">
							<th class="td1">要求分类</th>
							<th class="td2">资质分项</th>
							<th class="td3">要求明细</th>
						</tr>
            <tbody>
              <tr :class="'tr'+(index+2)" v-for="(i,index) in zzbzdata" :key='index'>
                <td class="td1">{{i.val1}}</td>
                <td class="td2">{{i.val2}}</td>
                <td class="td3">{{i.val3}}</td>
              </tr>
            </tbody>
					</table>

				</div>
			</div>

      <div class="hsqct2 jsqct zzbz" v-else>

      </div>

				</div>
		</div>

	</div>
	<!---->

</template>

<script>
	import axios from 'axios';
	import $ from 'jquery';
//	 import Logo from '~/components/Logo.vue'
	export default {
		components: {
//			 Logo
		},
		data() {
			return {
				datas: null,
				gjdata: ['工商服务管家', '财税服务管家', '知识产权管家', '人事社保管家', '资质审批管家'],
				gjdt: 0,
				tc1: 0,
				xl1: 0,
				xl2: 0,
				xl3: 0,
				xl4: 0,
				select: 0,
				ul1: ['施工总承包', '施工专业承包'],
				ul2: [],
				ul3: [],
				li1: null,
				li2: null,
				li3: null,
				nav: ['工商服务', '财税服务', '知识产权', '人事社保', '资质计算器'],
				zzxl: {},
				twonr: [],
				threenr: [],
				model: null,
				name1: null,
				name2: null,
				name3: null,
				sjh: null,
				tcmsg: '',
				msg: '',
				zjdj: 0,
				jgxq: {},
				jsnr22: '00.0',
				jsnrdata: null,
				jsnrdatast: null,
				jsdtlbs: 5,
        zzbzcode:'',
        zzbzdata:'',
        xzdnr:[],
        xzdsz:[],
			}
		},
		mounted:function(){
			$('.a2').hide()
			$('.dbct').hide()
			$('footer').hide()
			$('header').hide();
			var _this = this;
			console.log(_this.title)
			var cd = this.title.cs.data;
		},
		async asyncData({
			params
		}) {
			let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
			let nh2 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/QualificationCounter/qualificationInfoList`);
			let data = {
				nav: nh.data,
				cs: nh2.data
			};
			return {
				title: data
			}
		},

		head() {
			return {
				title: '资质代办费用_资质办理价格_资质计算器_企业邦',
				meta: [{
						hid: 'description',
						name: 'description',
						content: '建筑资质代办费用,资质办理价格,资质代办多少钱,代办资质如何收费,企业资质查询'
					},
					{
						hid: 'keywords',
						name: 'keywords',
						content: '企业邦-24小时免费服务400-855-1888,企业经营资质服务平台,提供建筑资质代办费用,资质办理价格,资质代办多少钱,代办资质如何收费,企业资质查询等专业的全方位企业服务。'
					}
				]
			}
		},
		computed: {
			loadList() {
				return(type) => {
					let newData = [];
					this.title.index.threeServiceData.forEach(item => {
						if(item.pid == type) {
							newData.push(item);
						}
					});
					return newData;
				};
			}
		},

		methods: {

      qcxz:function(e){
         this.xzdsz.splice(e,1);
        this.xzdnr.splice(e,1);
      },

			infoname(index, e, e2) {
				this.li1 = index
				this.name1 = e2
				this.zzxl = {
					index: index,
					uid: e,
					name: e2,
				}

        this.xl1 = 0
        // console.log(this.zzxl.uid)
        var _this = this
        _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/QualificationCounter/qualificationInfoList', 'pid=' + _this.zzxl.uid)
        	.then(function(response) {
        		_this.twonr = response.data.data
        		// console.log(_this.twonr)
        	});

			},
			infoname2(index, e, e2) {
				this.li2 = index
				this.name2 = e2
				this.zzxl = {
					index: index,
					uid: e,
					name: e2,
				}

        this.xl2 = 0
        var _this = this
        _this.$axios.post('https://exam.zhonghaiqihang.com/PInterface/QualificationCounter/qualificationInfoList', 'pid=' + _this.zzxl.uid)
        	.then(function(response) {
        		_this.threenr = response.data.data
            _this.name3 = _this.threenr[0].infoname
            _this.zjdj = _this.threenr[0].id
        		// console.log(_this.threenr[0].infoname)
            if(_this.xzdsz.indexOf(e) == -1){
              _this.xzdnr.push(_this.name2+_this.threenr[0].infoname);
              _this.xzdsz.push(_this.threenr[0].id);
            }
        	});

				// console.log(index, e, e2)
			},
			infoname3(index, e, e2) {
        this.xl3 = 0
				this.name3 = e2
				this.li3 = index

				// console.log(index, e, e2)

        // if(this.xzdsz.indexOf(e) == -1){
        //   this.xzdnr.push(this.name2+e2);
        //   this.xzdsz.push(e);
        // }
        // console.log(this.xzdnr,this.xzdsz)

			},
      next() {
      	this.xl1 = 0
      },
      next2() {
      	this.xl2 = 0
      },
			ret() {
				this.xl1 = 0
			},
			ret2() {
				this.xl2 = 0
			},
			hqbj() {
				var _this = this
        _this.name1 = ''
        _this.name2 = ''
        _this.name3 = ''
				if(this.name1 == null) {
					this.tcmsg = '请先选择资质序列类型'
					$('.bdtjtc2').addClass('select');
					$('.bdtjtc2').fadeIn(0);
					$('.bdtjtc2').fadeOut(2500);
				} else if(this.name2 == null) {
					this.tcmsg = '请选择资质专业'
					$('.bdtjtc2').addClass('select');
					$('.bdtjtc2').fadeIn(0);
					$('.bdtjtc2').fadeOut(2500);
				} else if(this.name3 == null) {
					this.tcmsg = '请选择资质等级'
					$('.bdtjtc2').addClass('select');
					$('.bdtjtc2').fadeIn(0);
					$('.bdtjtc2').fadeOut(2500);
				} else if($(".p6").hasClass("select") == false) {
					this.tcmsg = '请点击《隐私保护政策》'
					$('.bdtjtc2').addClass('select');
					$('.bdtjtc2').fadeIn(0);
					$('.bdtjtc2').fadeOut(2500);
				} else {
					if(this.sjh == null) {
						console.log(_this.zjdj)
						_this.$axios.post('/api' + '/PInterface/QualificationCounter/settlementPrice', 'id=' + _this.xzdsz)
							.then(function(response) {

								if(response.data.msg == "您还未选择资质") {
									_this.tcmsg = '您还未选择资质!!';
								} else if(response.data.msg == "您选择的是面议!!") {
                  $('.p1 span').html('具体价格电话联系');
									var a = '具体价格电话联系';

									_this.jsnr22 = a;
									_this.msg = a;
									_this.tcmsg = '具体价格电话联系!!';
									// console.log(response.data)
									$('.a2').show()
									$('.a1').hide()
								} else {
									_this.jsnr22 = String(response.data.data.total);
									_this.jsnrdata = response.data.data;
									_this.jsnrdatast = response.data.data.staff;
									var dt = response.data.data.staff;
									var shu = 0;
									for(let i = 0; i < dt.length; i++) {
										shu = shu + Object.keys(dt[i]).length - 1;

									}
									_this.jsdtlbs = shu;
									$('.jsqct3 table tr').css('display', 'none');

									            let tr = `<tr class="tr1">
            <th class="td1" colspan="2" style="width: 1.26rem;font-size: 0.16rem;">费用分类</th>
            <th class="td3" style="width: 4rem;font-size: 0.16rem;">配置明细</th>
            <th class="td4" style="width: 2.5rem;font-size: 0.16rem;">单价（万）</th>
            <th class="td5" style="font-size: 0.16rem;">小计（万）</th>
        </tr>`;
            let number=0;
            $.each(response.data.data.staff,function (k,i) {

              $.each(i,function (key,v) {
                let th ="";
                if (key==0){
                  if (k==0){
                    th+=`<td class="td1" rowspan="staffNumber" style="width: 21.5rem;">人员费用 <br>（建议配置）</td>`;
                  }
                  th+=`<th style="width: 31.5rem;" class="td`+(parseInt(key)+1)+`" rowspan="`+(Object.keys(i).length-1)+`">`+i.superiorname+`</th>`;

                }
                if(typeof v.staff_name !== "undefined"){
                  th+=`<th style='width:31.5rem' class="td`+(parseInt(key)+1)+`" >`+v.staff_name+`(`+v.number+`人)</th>`;
                  th+=`<th class="td`+(parseInt(key)+1)+`" >`+v.price+`</th>`;
                  th+=`<th class="td`+(parseInt(key)+1)+`" >`+v.priceTotal+`</th>`;
                  tr+= '<tr class="tr'+(k+2)+'">'+th+'</tr>';
                  number++;
                }

              });

            });
            tr+=`<tr class="tr7">
            <td class="td1">业绩费用</td>
            <td class="td2">技术负责人（1人）</td>
            <td class="td3">——</td>
            <td class="td4">`+response.data.data.performance+`</td>
            <td class="td3">`+response.data.data.performance+`</td>
        </tr>
        <tr class="tr8">
            <td class="td1">服务费用</td>
            <td class="td2">服务代理项（1项）</td>
            <td class="td3">——</td>
            <td class="td4">`+response.data.data.offerprice+`</td>
            <td class="td3">`+response.data.data.offerprice+`</td>
        </tr>
        <tr class="tr9">
            <td class="td1" colspan="2">总计</td>
            <td class="td2" colspan="2">人员费用 + 业绩费用 + 服务费用</td>
            <td class="td3">`+response.data.data.total+`</td>
        </tr>
        <tr class="tr10">
            <td class="td1" colspan="5">人员配置，是根据各专业人员的价格、市场存量及共用性等因素，科学计算后得出，该报价受国家政策、地区、服务周期等多因素影响，请酌情参考，精准报价请咨询建筑资质顾问</td>
         </tr>`;
            $('.jsqct3').addClass(' select');
            $('.pztb1 ').addClass(' select');
            $('.p1 span').html(response.data.data.total + '万元');
            $('.qualificationPrice').css("display","block");
            let qualificationPrice = $('.qualificationPrice').find('span');

            qualificationPrice.eq(0).html(response.data.data.staffPrice+"（万）");
            qualificationPrice.eq(1).html(response.data.data.offerprice+"（万）");
            qualificationPrice.eq(2).html(response.data.data.performance+"（万）");
            $('.jsqct3 table').prepend(tr.replace('staffNumber',number));




									// console.log(response.data)
									_this.jgxq = response.data.data
									// console.log(_this.jgxq)
									_this.msg = response.data.data.total
									$('.a2').show()
									$('.a1').hide()

								}
							})

              _this.$axios.post('api/PInterface/QualificationCounter/getQualificationClaim','id='+_this.xzdsz
              ).then(function(response){
                 _this.zzbzcode = response.data.code
                 _this.zzbzdata = response.data.data
                   // console.log(_this.xzdsz)
                   //      console.log(response)
              })


					} else {
						var regex = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
						if(!regex.exec(this.sjh)) {
							this.tcmsg = '请输入正确的手机格式'
							$('.shd').addClass('select');

						} else {
							var sj = 'username=' + this.name1 + '&telphone=' + this.sjh + '&content=' + this.name3 + '&serviceid=' + 327;
							_this.$axios.post('/api' + '/PInterface/Form/formSubmitInterface', sj)
								.then(function(response) {
									if(response.data == "execute_success") {
										_this.tcmsg = '提交成功,稍后会有人员与你联系'
										$('.bdtjtc2').addClass('select');
										$('.bdtjtc2').fadeIn(0);
										$('.bdtjtc2').fadeOut(2500);
									}
								})

						}

					}

				}

			},
			back: function() {
				this.$router.go(-1);
			},
			back2() {
				$('.a2').hide()
				$('.a1').show()
			}
		}

	}
</script>

<style scoped="">
	.tr2_th{

	}
	.a2 {
		/*display: none;*/
		width: 7.5rem;
		min-height: 5rem;
		position: absolute;
		left: 0;
		top: 0;
		background: white;
	}

	.jsqct {
		width: 7.5rem;
	}

	.bztb {
		width: 140vw;
		margin: 0.2rem auto;
		text-align: center;
		border: 0.01rem solid #e1e1e1;
	}

	.bztb tr {
		padding: 0.1rem 0;
		height: 0.5rem;
		font-size: 0.16rem;
		color: #333333;
		line-height: .5rem;
	}

	.bztb .td1 {
		/*display: inline-block;*/
		width: 2.8rem;
		border-right: 0.01rem solid white;
	}

	.bztb td {
		padding: 0.1rem 0;
	}

	.bztb .td2 {
		width: 4rem;
		border-right: 0.01rem solid white;
	}

	.bztb .td3 {
		width: 4.8rem;
		padding: 0.01rem 0.15rem;
	}

	.bztb .tr1 {
		background: #d5e5ff;
	}

	.bztb .tr2,
	.bztb .tr4,
	.bztb .tr6 {
		background: #f6f8fb;
	}

	.bztb .tr3,
	.bztb .tr5,
	.bztb .tr7 {
		background: #ecf3ff;
	}

	.bztb .tr7 .td3 {
		/*text-align: left;*/
		/*padding-left: 40px;*/
	}

	.jsqct3 {
		display: none;
	}

	.jsqct3.select {
		display: block;
	}

	.jsqct3 .pztb {
		display: none;
		width: 7.5rem;
		margin: 0.02rem auto;
	}

	.jsqct3 .pztb.select {
		display: block;
	}

	.jsqct3 .pztb tr {
		height: 0.5rem;
		text-align: center;
		font-size: 0.16rem;
	}
	.jgxq .jsqct3 .pztb tr{
		height: 0.5rem;
		text-align: center;
		font-size: 0.16rem;
	}
	.jsqct3 .pztb {
		font-size: 0.16rem;
		color: #333333;
	}

	.jsqct3 .tr1 {
		background: #d5e5ff;
		font-size: 0.02rem;
	}

	.jsqct3 .tr2,
	.jsqct3 .tr6,
	.jsqct3 .tr8,
	.jsqct3 .tr10 {
		background: #f6f8fb;
	}

	.jsqct3 .tr3,
	.jsqct3 .tr4,
	.jsqct3 .tr5,
	.jsqct3 .tr7,
	.jsqct3 .tr9 {
		background: #ecf3ff;
	}

	.jsqct3 .pztb .td1 {
		width: 3rem;
		font-weight: normal;
		border: 0.01rem solid white;
	}

	.jsqct3 .pztb .td2 {
		width: 1.84rem;
		font-weight: normal;
	}

	.jsqct3 .pztb .td3 {
		width: 4rem;
		font-weight: normal;
		border-right: 0.01rem solid white;
	}

	.jsqct3 .pztb .td4 {
		width: 2.43rem;
		font-weight: normal;
		border-right: 0.01rem solid white;
	}

	.jsqct3 .pztb .tr10 td {
		width: 11.6rem;
		padding-left: 30px;
		padding-right: 30px;
	}

	.jsqct3 .pztb td {
		padding: 0.12rem 0;
		font-weight: normal;
	}

	.jsqct h3 {
		font-size: 0.2rem;
	}
	.feiyong{
		width: 7.5rem;
	    line-height: 0.6rem;
	    font-size: 0.02rem;
	    margin: 0.1rem auto 0;
	    color: #333333;
	    font-weight: bold
	}
	.feiyong li{
		width: 1.875rem;
    float: left;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.4rem;
	}
	.jsqct3 .pztb .td1{
		width: 1.26rem;
	}
	.jsqct3 .pztb .td3{
		width: 4rem;
	}
	.jsqct3 .pztb .td4{
		width: 2.43rem;
	}
	.mobile h3{
		position: relative;
	}
	.jsqct h3:before{
	content: ' ';
    display: inline-block;
    width: 0.03rem;
    border-radius: 0.03rem;
    height: 0.2rem;
    background: #3883f9;
    margin-right: 0.08rem;
    position: relative;
    top: 0.03rem;
    margin-top: 0.10rem;
	}
	/*改板的*/
	.chj_right{
	    position: absolute;
	    right: 0.24rem;
	    top: 50%;
	    width: 0.45rem;
	    height: 0.45rem;
	    margin-top: -0.34rem;
	}
	.chj_right img{
		width: 100%;
	}
	.p6 a{
		color: #ed741c;
	}
	.jsq4{
		margin-top: 0.2rem;
		padding: 0rem 0.5rem;
		background-color:#343440;
	}
	.jsq4_top{
		padding-top: 0.45rem;
		padding-bottom: 0.3rem;
		border-bottom: 0.01rem solid rgba(255,255,255,.4);
	}
	.jsq4top_tit{
		color: #ffffff;
		font-size: 0.2rem;
		width: 100%;
		line-height: 0.48rem;
		text-align: center;
		height: 0.48rem;
		border: 0.01rem solid #FFFFFF;
		border-radius: 0.04rem;
		margin-bottom: 0.34rem;
	}
	.jsq4top_ul{
		width: 100%;
		height: 0.45rem;
	}
	.jsq4top_ul li{
		float: left;
		background-repeat: no-repeat;
		width: 33%;
		height: 0.45rem;
		line-height: 0.45rem;
	}
	.jsq4top_ul li img{
		float: left;
		width: 0.45rem;
		height: 0.45rem;
		margin-right: 0.2rem;
	}
	.jsq4top_ul li span{
		float: left;
		font-size: 0.26rem;
		color: rgba(255,255,255,.6);
	}
	.jsq4_bottom{
		padding: 0.3rem 0rem;
		text-align: center;
		font-size: 0.18rem;
		color: rgba(255,254,254,.4);
		background-color:#343440;
	}
	.mb-dbxtc .fmc{
		height: 40vh;
	}
	.mb-dbxtc .mc{
		height: 60vh;
	}
	.mobile .gd1 a{
		z-index: 33;
	}
	/*改板的*/
</style>

<!--
{status: 1, data: {staffPrice: 16.5, total: 23.5,…}}
data: {staffPrice: 16.5, total: 23.5,…}
offerprice: 6   服务费用
performance: "1" 业绩费用

费用分类
staff: [{0: {staff_name: "结构", number: "4", price: "0.8", priceTotal: 3.2},…},…]
0: {0: {staff_name: "结构", number: "4", price: "0.8", priceTotal: 3.2},…}
1: {0: {staff_name: "安全员", number: "15", price: "0.3", priceTotal: 4.5}, superiorname: "八大员"}
2: {0: {staff_name: "土建", number: "30", price: "0.05", priceTotal: 1.5}, superiorname: "技工"}
3: {0: {staff_name: "建筑工程", number: "5", price: "1", priceTotal: 5}, superiorname: "二级建筑师"}
staffPrice: 16.5   人员费用
total: 23.5   总价
status: 1
-->
